@charset "utf-8";
/* CSS Document */
/**
Time : 2017-2
Author : jj
**/
.bn-box {
    width: 100%;
    overflow-x: hidden;
    position: relative;
    z-index: 0;
}
.banner {
    width: 1920px;
    height: 491px;
    position: relative;
    overflow: hidden;
    margin-left: 50%;
    left: -960px;
    top: 0;
}
.banner img{
    width: 100%;
}
/*数字按钮样式*/
.banner .num {
    overflow: hidden;
    height: 25px;
    position: absolute;
    bottom: 12px;
    zoom: 1;
    z-index: 3;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.banner .num li {
    width: 15px;
    height: 15px;
    line-height: 25px;
    text-align: center;
    font-weight: 400;
    font-family: "微软雅黑", Arial;
    color: #FFFFFF;
    background: #fff;
    margin-right: 10px;
    border-radius: 50%;
    cursor: pointer;
    float: left;
    font-size: 0;
}
.banner .num li.on {
    background: rgba(255,255,255,0.7);
} /*当前项*/
/*上一个  下一个*/
.banner .prev {
    display: none;
    width: 50px;
    height: 50px;
    background: url(../images/prev.png) no-repeat;
    position: absolute;
    top: 200px;
}
 .banner .next{   display: none;
    width: 50px;
    height: 50px;
    background: url(../images/next.png) no-repeat;
    position: absolute;
    top: 200px;}
.banner .prev {
    left: 50%;
    margin-left: -800px;
}
.banner .next {
    right: 50%;
    margin-right: -800px;
}
/*banner end*/
.search { border-bottom:1px solid #ddd;
}
.search_left {
    margin-left: 30px;
    line-height: 50px;
    float: left;
    color: #333; position:relative;
}
.search_left::before{ content:url(../images/resou.jpg); position:absolute; left:-30px; top:5px; }
.search_left img {
    margin-right: 10px;
}
.search_left a {
    color: #666;
    margin: 0 6px;
}
.search_right {
    float: right;
    margin-top: 7px;
    position: relative;
}
.searchbar {
    width: 294px;
    line-height: 30px;
    outline: none;
    padding-left: 20px;
    float: left;
    border: 1px solid #ddd; background:#f5f5f5;
}
.searchbtn { width:56px; height:32px;
    outline: none;
    cursor: pointer;
    border: 0; position: relative; background:#c81209; color:#fff;

}

.tt{ text-align:center; margin:30px 0 15px 0;}
.tt{ height:66px; background:url(../images/case_tt.jpg) top center no-repeat; padding-top: 20px; margin-top:50px;}
.tt a{ font-size:30px; color:#333; text-align:center; font-weight:600;  line-height:50px;}
.tt a span {
    font-size: 30px;
    color: #f33131;
}

/*product*/
#product {
	width: 100%;
	height: 583px;
	overflow: hidden;
	padding-bottom:20px;
}
.product {
	width: 1180px; padding-top:30px; 
	margin: 0 auto;
}
.juedui_more {
	position: absolute;
	right: 0;
	top: 68px;
}
.product_left {
	float: left; width:261px; background:#131313; height: 566px; overflow:hidden;
}
.cpzxtt {
    height: 155px;
    background:url(../images/pro_tt.jpg);
    text-align: center;
}
.cpzxtt a {
    color: #fff;
    display: block; font-family:Impact;
    font-size: 20px;
    padding-top: 69px;
}
.cpzxtt a p {
    font-size: 20px; font-weight:600;
    color: #fff;
}
.fenlei {
    line-height: 35px;
 text-align:center;
}

.fenlei>ul {
	margin-bottom: 10px;
}

.fenlei>ul>li {
	height: 40px;
	display: inline-block;
	line-height: 40px;
	position: relative;
}
.fenlei>ul>li>a {
    display: block;
    width: 169px;
    height: 40px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #9C9C9C;
    margin: 0 auto;
    line-height: 40px;
    text-align: left;
    font-size: 15px;
}
.fenlei b{ display:block; width:209px; height:30px; line-height:30px; margin:0 auto; margin-top:15px; text-align:left; position:relative; margin-bottom:15px;}
.fenlei b::after {
    content: url(../images/feilei.jpg);
    position: absolute;
    left: -25px;
    bottom: -20px;
}
.fenlei b a{ color:#fff; padding-left:20px; font-size:16px; font-weight:600;}
.fenlei>ul>li>a::before{ content:url(../images/pro_icon.png); margin-right:10px;}
.fenlei>ul>li:hover {
}
.fenlei h3{ width:239px; height:45px; background:#0078d3;}
.fenlei h3 a{ color:#fff; font-size:16px; line-height:45px;}
.product_right {
    width: 888px;
    float: right;
}
.fenlei p {
	color: #fff;
	padding-left: 20px;
}
.lxwm_box span{ font-size:24px; color:#0078d3; display:block; text-align:left; font-weight:600; padding-left:20px;}
.lxwm_box p{ font-size:14px; line-height:30px; width:207px; color:#333; text-align:left;}
.lxwm_box img{ width:193px; height:193px; margin:0 auto; margin-bottom:40px; margin-top:15px;}
.r_more {
	float: right;
}
.product_right .hd {
	height: 40px;
	line-height: 40px;
    background:url(../images/pro_top.jpg) center repeat-x;
}

.product_right .hd .r_more a{ color:#999;
}
.product_right .hd li {
    font-size: 24px;
    width: 30px;
    font-weight: 100; font-family:宋体; color:#999;
    background: #fff;
    border: 1px solid #ddd;
    height: 34px;
    line-height: 34px;
    text-align: center;
    float: left;
    cursor: pointer;
    margin-right: -1px;
}
.product_right>.hd>ul>li.selected { background:#eee;
}
.product_right .r_more{ background:#fff; padding-left:20px;}
.r_more a {
	font-size: 13px;
	font-weight: 100;
	color: #b1b1b1;
	margin-right: 10px;
}
.tab_box .hide {
	display: none;
}
.product_show li {
    margin-bottom: 11px;
    float: left;
    margin-right: 11px;
    width: 289px;
    background: #131313;
}
.product_show li:hover{ background:#222;}
.product_show li:hover h5{ color:#fff;}
.product_show li .img {
    position: relative;
    border: 1px solid #C1C1C1;
    border-bottom: 0;
    overflow: hidden;
    width: 287px;
    height: 206px;
}
.product_show li .img img {
	width: 287px;
	height: 206px;
	transition: all ease 500ms;
}
.product_show li .img:hover img { transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);
}

.product_show {
	width: 957px; margin-top: 13px;
}

.product_show li h5 {
    height: 38px;
    line-height: 38px;
    text-align: center;
    width: 297px; color:#fff; font-weight:100; font-size:15px;
}
.pro_tel{ width:256px; height:120px; background:#C9151E;}
.pro_tel p {
    font-size: 16px;
    color: #e2d6d6;
    position: relative;
    margin-left: 69px;
    padding-top: 34px;
}
.pro_tel span{ font-size:25px; color:#fefefe; display:block; margin-top:5px;}
.pro_tel p::before{ content:url(../images/tel2.png); position:absolute; left:-50px;}
/*product end*/
/*banner1*/
.banner1{ width:100%; height:209px; background:url(../images/banner1.jpg) center no-repeat; margin-top:20px;}
.banner1 p {
    font-size: 25px;
    color: #FFFFFF;
    padding-top: 79px;
    margin-bottom: 9px;
    margin-left: 942px;
    font-family: impact;
}
.banner1 span{ font-size:15px; font-weight:100; color:#fff; display:block;}
.banner1 a {
    background: #f78331; padding:0 15px;
    font-size: 16px; display:inline-block;
    color: #fff;
    text-align: center;
    line-height: 30px;
    margin-left: 942px;
}
.banner1 a:hover{ background:#F90;}
/*banner1 end*/
.more_r{ height:19px; float:right;}
.more_r a{ color:#888; font-size:12px; line-height:19px; display:inline-block; text-align:center; font-weight:100;}
/*case*/
.case{ text-align:center; background:#fdfdfd; padding-top:1px; min-height:400px;}
.case .m{ position:relative;}
.case .tt{ height:66px; background:url(../images/case_tt.jpg) top center no-repeat; }
.case .prev{ position:absolute; left:0; top:185px;}
.case .next{ position:absolute; right:0; top:185px;}
.case .tempWrap{ margin:0 auto; margin-top:-20px; }
.case ul li{ width:245px; height:254px; float:left; margin:9px; }
.case ul li .img{ width:245px; height:195px; overflow:hidden; display:block;}
.case ul li .img img{ width:245px; height:195px;}
.case ul li h5{ height:57px; background:#e7e9ec; text-align:left; padding-left:40px;}
.case ul li h5:hover{ background:#c81209;}
.case ul li h5:hover a{ color:#fff;}
.case ul li h5:hover span{ background:#fff;}
.case ul li h5 a{ font-size:15px; font-weight:100; line-height:40px; text-align:left;}
.case ul li h5 span{ width:60px; height:2px; background:#FC0; display:block;}
.case .bd{
	width: 1060px;
    margin: auto;
    height: 270px;
    overflow: hidden;	
}
/*case end*/

/*reason*/
.reason {
    width: 100%;background:url(../images/ys_bg.jpg) top center no-repeat;
    overflow: hidden; border-bottom:1px solid #ddd;margin-top: -30px;}
.reason .m{ position:relative;  height:1039px;}
.title2 {  margin:0 auto; height:91px; text-align:center; margin-top:238px;
}
.title2 a { display:block; font-size:36px; color:#333;}
.title2 span{ color:#e60112;}


.reason ul li {
    width: 391px;
    position: absolute;
}
.reason ul li h5 {
    font-size: 18px;
    color: #c81209;
    text-align: left;
    font-weight: 600;
    line-height: 40px;
}
.reason ul li b{ font-size:13px; display:block; margin-bottom:10px;color: #999; text-transform:uppercase; font-weight:100; border-bottom:1px dashed #ddd; padding-bottom:15px;}
.reason ul li h5 img {
	margin-right: 10px;
}
.reason ul li p {
    font-size: 14px;
    line-height: 26px;
    position: relative;
    color: #666;
}
.reason ul li span {
	display: block;
	font-size: 18px;
	color: #333;
	line-height: 43px;
	font-weight: 100;
	margin-top: -4px;
}
.ys1 {
    top: 142px;
    left: 110px;
}
.ys2 {
    top: 359px;
    left: 110px;
}
.ys3 {
    top: 787px;
    right: 61px;
}

.reason .m>img{ margin-bottom:40px; position:absolute;}

.ys_img1 {
    top: 76px;
    left: 0;
}
.ys_img2 {top: 310px; right:0;
    
}

/*reason end*/
/*lc*/
.lc {
    width: 100%;
    height: 480px;
    background: url(../images/lc_bg.jpg) top center no-repeat;
    padding-top: 20px;
}
.lc .tt a p{ padding-bottom:15px;}
.lc ul{ margin-left:30px;}
.lc ul li{ width:40px; margin:50px; float:left; color:#fff; font-size:18px; font-weight:600;}
.lc .tantou p {
    font-size: 24px;
    color: #ec1a23;
    padding-top: 65px;
    margin-bottom: 9px;
    margin-left: 986px;
}
.lc .tantou  span{ font-size:15px; font-weight:100; color:#fff; display:block;}
.lc .tantou  a {
    width: 88px;
    height: 22px;
    background: #fe463c;
    font-size: 15px;
    color: #fff;
    text-align: center;
    line-height: 22px;
    display: block;
    margin-left: 986px;
}
.lc .tantou  a:hover{ background:#F90;}
/*lc end*/



.ckgd{ width:206px; height:60px; overflow:hidden; margin:0 auto; background:url(../images/ckgd.jpg) center no-repeat;}
.ckgd a{ display:block; width:206px; height:60px; }


/*client*/
.client{ width:100%; padding-top:1px;border-bottom:1px solid #fff; }
.client .tt{ background:url(../images/client_tt.jpg) top center no-repeat;}
.client ul{ width:1300px;}
.client ul li {
    width: 240px;
    float: left;
    margin: 0 18px;
    text-align: right;
    padding: 8px; margin:25px; margin-top:0;
}
.client ul li .more{ margin:0 auto; margin-top:20px;}
.client_img{ width:240px; height:240px; background:#dcdcdc; border-radius:50% 50% 0 50%;}
.client_img:hover{background:#c81209; }
.client_img a{ display:block; width:227px; height:227px; border-radius:114px; overflow:hidden; position:relative; top:6px; left:7px;}
.client_img img{ width:227px; height:227px; }
.client_text{ padding:0 5px;}
.client .tempWrap{ margin:0 auto;}
.client ul li h5 {   margin-top: 10px;
}
.client ul li h5 a{font-size: 18px; text-align:right;line-height: 44px;  font-weight:100; color:#333; }
.client ul li p{ font-size:13px; line-height:26px; height:52px; overflow:hidden; color:#666; text-align:right;}
.client ul li:hover{}
.ckxq a{ display:inline-block; width:80px; height:24px; background:#c81209; color:#fff; line-height:24px; text-align:center; margin-top:10px;}
.client .prev{ position:absolute; top:200px; left:0;}
.client .next{ position:absolute; top:200px; right:0;}
.more_r{ float:right;}
.more_bg a{ color:#999; font-size:12px;}
/*client end*/

.tt2>a {
    color: #333;
    font-size: 24px;
    margin-left: 36px;
    line-height: 54px;
    font-weight: 100;
}
.tt2 .more_rr{ margin-top:20px;}
/*about*/
.tt2{ width:100%; height:78px; background:url(../images/into_tt.jpg) bottom left no-repeat; line-height:50px; margin-bottom:20px; margin-top:20px;}
.more_rr{ float:right; }
.more_rr a{ font-weight:100; color:#999 ; font-size:13px;}
.about{ width:813px; float:left; position:relative;}
.about::after{ position:absolute; content:url(../images/about_aft.jpg); right:-60px; top:0;}
.about img{ width:366px; height:265px;}
.about_text{ width:426px; text-align:left; float:left; float:right;}
.about h5 a{ font-size:15px; display:block; text-align:left; line-height:40px;  margin-top:10px; }
.about p{ font-size:14px; color:#666; line-height:24px; height:144px; overflow:hidden;}
.about .more_bg{ background:url(../images/ckxq.jpg); width:103px; height:31px; margin-top:10px;}
/*about end*/
.ryzz{ width:325px; float:right; position:relative; height:340px; overflow:hidden; padding:0; border:1px solid #ddd;margin-top:60px;}
.ryzz .more_rr{ background:#ddd; width:150px; text-align:center;}
.ryzz .more_rr a{ color:#333;}
.ryzz_tt{height:35px; background:#c81209;  margin-bottom:30px; line-height:35px; color:#fff; padding-left:50px;}
.ryzz_tt a{ color:#fff;}
.ryzz .hd{ position:relative; z-index:999;}
.ryzz .bd ul li{ text-align:center; width:162px; margin-left:80px; position:relative;}
.ryzz .bd ul li img{ width:162px; height:235px !important;}
.ryzz .prev, .ryzz .next {
    width: 25px;
    height: 49px;
    position: absolute;
    top: 90px; padding-top: 0;
}
.ryzz .prev { left:0;
background: url(../images/ll.jpg) no-repeat;
}
.ryzz .next { right:0;
 background: url(../images/rr.jpg) no-repeat;
}
.qyxc{}
.qyxc .tt2{ width:100%; height:78px; background:url(../images/qyxc_tt.jpg) bottom left no-repeat;} 
.qyxc .tt2>a {
    margin-left: 56px;
}
.qyxc ul { width:1300px;}
.qyxc ul li{ float:left; width:222px; height:169px; position:relative; margin-right:17px;}
.qyxc ul li img{ width:222px; height:169px !important; transition:all ease 300ms; }
.qyxc ul li h6{ display:block;  width:222px; height:169px;line-height:169px; background:rgba(0,0,0,0.6); color:#fff; position:absolute; top:0; text-align:center; font-weight:100; font-size:16px; display:none;}
.qyxc ul li:hover img{ transform:scale(0.95,0.95);}
.qyxc ul li:hover h6{ display:block;}
/*about end*/
/*banner2*/
.banner2{ width:100%; height:175px; background:url(../images/banner2.jpg) center no-repeat;}
.banner2 p {
    padding-top: 70px;
    margin-left: 808px;
}
.banner2 a {
    margin-left: 808px;
}

/*banner1 end*/
/*news*/
.news{height:400px;padding-top:40px;}
.qs{width:330px;height:380px;background:url(../images/qs_bg.jpg) left center no-repeat;padding-left:40px;}
.qsT {
    width: 330px;
    height: 45px;
    line-height: 45px;
    margin-bottom: 25px;
    border-bottom: 2px solid #d5d5d5;
}
.qsT h3{font-size:16px;}
.qsT h3>a{color:#c81209;}
.qsT .more{font-size:14px;width:60px;height:20px;background:#c8000a;line-height:20px;text-align:center;margin-top: 15px;}
.qsT .more:link,.qsT .more:visited{color:#fff;}
.prob{width: 370px;}
.prob ul {width: 375px;overflow: hidden;position: relative;}
.prob ul li {position: relative;width: 375px;line-height: 20px;overflow:hidden;margin-bottom:12px;font-size:14px;border-bottom:1px solid #eeeeee;padding-bottom:8px;}
.prob ul li .wen{ width:320px; height:25px; overflow:hidden;margin-bottom:5px;}
.prob ul li .wen span{ width:30px; height:25px; display:inline-block; float:left; background:url(../images/q.jpg) no-repeat;margin-right:3px;}
.prob ul li .wen a{ width:277px; height:25px; line-height:22px; display:inline-block; float:right; font-size:14px;font-weight:bold;color:#333;white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
.prob ul li .da{ width:320px;height:45px; overflow:hidden; padding-bottom:5px;}
.prob ul li .da span{ width:30px; height:25px;  display:block; background:url(../images/a.jpg) no-repeat ;float:left;margin-right:3px;  }
.prob ul li .da p{ width:277px;color:#4b4b4b; line-height:25px; float:right;color:#666;}

.newsIn_in {
    width: 700px;
    border-right: 1px solid #ddd;
    padding-right: 74px;
}
.newsIn_in .hd{ line-height:38px; height:38px; position:relative; padding-right:10px;border-bottom:2px solid #d5d5d5;padding-bottom: 10px;  }
.newsIn_in .hd ul{ z-index:5; position:absolute; height:38px;  zoom:1; }
.newsIn_in .hd li{ float:left;  width:115px;height:33px;background:#b0afb0; line-height:33px;cursor:pointer; text-align:center; margin-right:10px; }
.newsIn_in .hd li h3{font-weight:normal;}
.newsIn_in .hd li h3 a{font-size:16px;color:#fff;}
.newsIn_in .hd li.on{background:#c81209; }
.newsIn_in .hd li.on a{color:#fff;}
.newsIn_in .bd{  padding-top:18px; clear:both; position:relative;background:#fff;height:317px;width:670px; overflow: hidden; }
.newsIn_in .bd .newsTxt h3{ font-size:16px; font-weight:normal;text-align:left;width:370px;white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis;color:#018a3c;}
.newsIn_in .bd p {
    font-size: 14px;
    margin-top: 5px;
    width: 420px;
    height: 69px;
    line-height: 22px;
}
.newsIn_in .bd p a{ color:#c00;  }
.newsIn_in .bd ul {padding-top:10px;width:753px;}
.newsIn_in .bd ul li{width:305px;float:left;margin-right:25px;margin-bottom:18px;background:url(../images/list_bg.jpg) left center no-repeat;text-indent:20px;font-size:14px; }
.newsIn_in .bd ul li a font{width:280px;height:18px;display:inline-block;white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis;float:left; }
.newsIn_in .bd ul a:link{ color:#666;  }
.newsIn_in .bd ul a:hover{ color:#c81209;  }
.newsF{padding-bottom:10px;}
.newsF_pic{padding:4px;border:1px solid #d5d5d5;width:222px; height:144px;}
.newsF_pic img{width:222px; height:144px;overflow:hidden;}
.newsTxtIn{width:270px;padding-left:30px; float:left;}
.newsTxtIn a.newst{font-size:14px;color:#333;font-weight:bold;display:inline-block;width:340px;height:20px;white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
.newsTxtIn p{margin-bottom:10px;font-size:13px;color:#666;width:270px;height:40px;    overflow: hidden;}
.newsIn_more {
    width:100px; text-align:center;
    height: 27px;
    line-height: 27px;
    display: block;
    border: 1px solid #C81209;
}
.newsIn_more:link,.newsIn_more:visited{color:#c81209;}



/*links*/

.links {
    background:url(../images/link_tt.jpg) top left no-repeat; margin-bottom:30px; margin-top:10px;
}
.link_tt{ font-size:20px; color:#333; padding-left:50px; line-height:44px;  height: 70px;}
.links a {
    display: inline-block;
    padding: 0px 17px;
    color: #333;
    line-height: 50px;
}
.links a:hover {
	color: #666;
}
.link_box{ border:1px solid #ddd;}
/*links end*/